<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="聊天室,视频聊天室,随机聊天,聊天轮盘,免费随机聊天,随机视频聊天,51liao,51聊"/>
<meta name="description" content="人海中的邂逅,聊天的首选!51聊是最有趣的视频聊天,永远可以选择下一个!有视频有文字,有惊喜,更精彩!全部免费,游客随意进！有你必精彩!"/>
<title>聊天轮盘 - 注册-聊天室 随机聊天 视频聊天 与陌生人交友 邂逅美女帅哥</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/addin.css" rel="stylesheet" type="text/css" />
<style type="text/css">
img { behavior: url(img/iepngfix.htc) }
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.js"></script>
<script type="text/javascript" src="js/check2.js"></script>
<script type="text/javascript" src="js/regist.js"></script>
</head>

<body>
<div class="head">
  <div class="head_center">
<div class="logobox"><img src="img/logo&title.png" alt="聊天轮盘" /></div>
  </div>
</div>
<div class="main">
<div class="middle">
<DIV id=registBox>
  <DIV id=container>
  <form action="ChatUserPo" method="post" onsubmit="return doCheck()">
  <input name="m" type="hidden" value="reg" />
  <div id="title">注册</div>
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="6px">

    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">帐号:</td>
      <td>
      	<input id="accountflag" type="hidden" value="false" />
      	<input id="account" value="${userinfo.account }" name="account" type="text" style="width:180px"/>
		<span class="highlight">*</span>
		<span id="accountmsg" class="${register.accountStyle }">${register.account }</span>
	  </td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">邮箱:</td>
      <td><input id="email" type="text" name="email" value="${userinfo.email }" style="width:180px"/>
      	<span class="highlight">*</span>
		<span id="emailmsg" class="${register.emailStyle }">${register.email }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">密码:</td>
      <td><input id="password" type="password" name="pwd" style="width:180px"/>
      	<span class="highlight">*</span>
		<span id="passwordmsg" class="${register.pwdStyle }">${register.pwd }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">密码确认:</td>
      <td><input id="repwd" name="repwd" type="password" style="width:180px"/>
      	<span class="highlight">*</span>
		<span id="repwdmsg" class="${register.repwdStyle }">${register.repwd }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">昵称:</td>
      <td><input id="nickname" type="text" name="nickname" value="${userinfo.nickname }" style="width:180px"/>
      	<span class="highlight">*</span>
		<span id="nicknamemsg" class="${register.nicknameStyle }">${register.nickname }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">性别:</td>
      <td>
      	<select id="sex" name="sex" class="selectBox1">
      		<option value="0">请选择</option>
		</select><input id="ss0" type="hidden" value="${userinfo.sex }">
      	<span class="highlight">*</span>
		<span id="sexmsg" class="${register.sexStyle }">${register.sex }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">年龄:</td>
      <td>
		<input id="age" type="text" name="age" onkeyup="value=value.replace(/\D/g,'')" value="${userinfo.age }" style="width:180px"/>
      	<span class="highlight">*</span>
		<span id="agemsg" class="${register.ageStyle }">${register.age }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">所在省:</td>
      <td>
      	<select name="province" id="s1" class="selectBox1">
			<option></option>
		</select><input id="ss1" type="hidden" value="${userinfo.province }" />
      	<span class="highlight">*</span>
		<span id="s1msg" class="${register.provinceStyle }">${register.province }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">所在市:</td>
      <td>
      	<select name="city" id="s2" class="selectBox1">
			<option></option>
		</select><input id="ss2" type="hidden" value="${userinfo.city }" />
      	<span class="highlight">*</span>
		<span id="s2msg" class="${register.cityStyle }">${register.city }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
      <td width="60" align="right" nowrap="nowrap">验证码:</td>
      <td>
      	<input id="captcha" maxlength="4" type="text" name="captcha" class="captcha" />
		<img id="capcode" border="0" src="Captcha" class="capcode"/>
		<a id="cgc" href="javascript:void(0)" style="padding-right: 17px!important;*padding-right: 11px!important;padding-right: 11px;">换一张</a>
		<input id="captchaflag" type="hidden" value="false" />
      	<span class="highlight">*</span>
		<span id="captchamsg" class="${register.captchaStyle }">${register.captcha }</span>
	</td>
    </tr>
    <tr>
      <td width="30" align="right">&nbsp;</td>
      <td width="60" align="right">&nbsp;</td>
      <td>
	      <input name="agree" type="checkbox" id="checkbox" />
	      <span>同意<a href="agreement.jsp" target="_blank">“用户使用协议”</a></span>
	      <span id="ckmsg" class="${register.agreeStyle }" style="margin-left: 74px;"></span>
      </td>
    </tr>
    <tr>
      <td width="30" align="right">&nbsp;</td>
      <td width="60" align="right">&nbsp;</td>
      <td><input type="submit" name="tempBtn" id="loginBtn" value="注册" /></td>
    </tr>
    <tr>
      <td width="30">&nbsp;</td>
      <td colspan="2"><div class="tips" style="display: none;">此处显示 class "tips" 的内容</div></td>
      </tr>
    <tr>
      <td align="right">&nbsp;</td>
      <td align="right">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>

  </table>
  </form>
  </DIV>
  <DIV id=myAlpha></DIV></DIV>
</div>  
</div>
<div class="bottom_back">
<%@ include file="footer.jsp" %>
</div>

</body>
</html>
